<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="themelocator">
        <meta name="description" content="">

        <title>Erfassen | Real Estate HTML Template.</title>

        <!-- CSS -->
        <link rel="stylesheet" href="static/css/app.css">

        <!-- fonts -->
        <link href="static/css/css.css" rel="stylesheet">
        <link href="static/css/css1.css" rel="stylesheet">


        <!-- icons -->
        
        
        
        
          
        <!-- icons -->

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="#"></script>
        <script src="#"></script>
        <![endif]-->
        <!-- Template Developed By themelocator -->
    </head>
    <body> 
        <header class="tl-header">
            <div class="tl-topbar">
                <div class="container">
                    <div class="d-flex justify-content-between">
                        <div class="left-content">
                            <ul class="global-list">
                                <li><span class="icon"><img src="static/picture/icon1.png" alt="Image" class="img-fluid"></span><a href="tel:+9985260948">+99 852 60948</a></li>
                                <li><span class="icon"><img src="static/picture/icon2.png" alt="Image" class="img-fluid"></span><a href="#">info@gmail.com</a></li>
                            </ul>
                        </div><!-- /.left-content -->
                        <div class="right-content align-self-center">
                            <div class="topbar-user">
                                <span><a href="login.html">Login</a> | <a href="sign-up.html">Sign Up</a></span>
                            </div><!-- /.topbar-user -->
                        </div><!-- /.right-content -->
                    </div>
                </div><!-- /.container -->
            </div><!-- /.tl-topbar -->

            <div class="header-middle">
                <div class="container">
                    <div class="lt-logo">
                        <a class="navbar-brand" href="">
                            <img src="static/picture/logo1.png" alt="Logo" class="img-fluid">
                        </a>
                    </div>  
                    <div class="contacts align-self-center">
                        <ul class="global-list">
                            <li>
                                <div class="info-box">
                                    <div class="icon">
                                        <i class="fa fa-clock-o" aria-hidden="true"></i>
                                    </div>   
                                    <div class="text align-self-center">
                                        <span>08:00 AM - 06: 00 PM</span>
                                        <strong>Monday - Friday</strong>
                                    </div>                                 
                                </div>
                            </li>
                            <li>
                                <div class="info-box">
                                    <div class="icon">
                                        <i class="fa fa-map-marker" aria-hidden="true"></i>
                                    </div>   
                                    <div class="text align-self-center">
                                        <span>183 Donato Parkway</span>
                                        <strong>CA, United States</strong>
                                    </div>                                 
                                </div>
                            </li>
                            <li>
                                <div class="info-box">
                                    <div class="icon">
                                        <i class="fa fa-phone" aria-hidden="true"></i>
                                    </div>   
                                    <div class="text align-self-center">
                                        <span>Service Available</span>
                                        <strong>(+00)888.666.88</strong>
                                    </div>                                 
                                </div>
                            </li>
                        </ul>
                    </div><!-- /.contacts -->
                </div>
            </div><!-- /.header-middle -->

            <div class="tl-menu menu-absolute menu-sticky">
                <nav class="navbar navbar-expand-lg p-0">
                    <div class="container">
                        <a class="navbar-brand" href="">
                            <img src="static/picture/logo.png" alt="Logo" class="img-fluid">
                        </a>                        
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"><i class="fa fa-align-justify"></i></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarNav">
                            <ul class="navbar-nav">
                                <li class="tl-dropdown active">
                                    <a href="#">Home</a>
                                    <ul class="tl-dropdown-menu">
                                        <li class="active"><a href="">Home V-1</a></li>
                                        <li><a href="index1.html">Home V-2</a></li>
                                        <li><a href="dashboard.html">Home Dashboard</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">About</a></li>
                                <li><a href="property.html">Service</a></li>
                                <li class="tl-dropdown">
                                    <a href="#">Pages</a>
                                    <ul class="tl-dropdown-menu">
                                        <li><a href="team.html">Agents</a></li>
                                        <li><a href="blog-list.html">Blog List View</a></li>
                                        <li><a href="blog-list.html">Blog List View</a></li>
                                        <li><a href="blog-details.html">Blog Details</a></li>
                                        <li><a href="agent-details.html">Agent Details</a></li>
                                        <li><a href="property-submit.html">Property Submit</a></li>
                                        <li><a href="property-details.html">Property Details</a></li>
                                        <li><a href="login.html">Login</a></li>
                                        <li><a href="sign-up.html">Sign Up</a></li>
                                    </ul>
                                </li>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>       
                        </div> 
                        <div class="right-content">
                            <div class="tl-search">
                                <div class="search-icon">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                </div>
                                <div class="search-form text-center open-search">
                                    <div class="close-search">
                                        <span><i class="fa fa-times-circle" aria-hidden="true"></i></span>
                                    </div>
                                    <form action="#" id="search" method="get">
                                        <input id="inputhead" name="search" type="text" placeholder="Enter keyword...">
                                        <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                                    </form><!-- /form -->
                                </div><!-- /s form -->                    
                            </div><!-- /.tl-search --> 
                            <div class="lt-button">
                                <a href="property-submit.html" class="btn btn-transparent">Submit Property</a>
                            </div>
                        </div>
                    </div><!-- /.container -->
                </nav><!-- /.navbar -->                                
            </div><!-- /.tl-menu -->             
        </header><!-- /.tl-header -->   

        <div class="lt-banner">
            <div class="bg-image" style="background-image: url(static/image/banner-bg1.jpg);">
                <div id="home-slider" class="carousel slide home-slider banner-content" data-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-6 align-self-center">
                                        <div class="banner-text">
                                            <h1 data-animation="animated fadeInDown">Luxury Mansion</h1>
                                            <p data-animation="animated fadeInDown">9002 Lakes Bulevard, West Palm Beach, 33412 Florida, US</p>
                                            <a href="#" class="btn btn-transparent" data-animation="animated fadeInUp">Get More Information</a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="box-content" data-animation="animated fadeInUp">
                                            <h2>$2.235.000</h2>
                                            <span>2 living rooms, 4 bedrooms</span>
                                            <span>3 bathrooms, 2 garages</span> 
                                            <a href="property-details.html" class="btn btn-primary">More Details</a>
                                        </div><!-- /.box-content -->
                                    </div>
                                </div><!-- /.row -->
                            </div><!-- /.container -->
                        </div><!-- /.carousel-item -->
                        <div class="carousel-item">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-6 align-self-center">
                                        <div class="banner-text">
                                            <h1 data-animation="animated pulse">Luxury Mansion</h1>
                                            <p data-animation="animated pulse">9002 Lakes Bulevard, West Palm Beach, 33412 Florida, US</p>
                                            <a href="#" class="btn btn-transparent" data-animation="animated pulse">Get More Information</a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="box-content" data-animation="animated fadeInRight">
                                            <h2>$2.235.000</h2>
                                            <span>2 living rooms, 4 bedrooms</span>
                                            <span>3 bathrooms, 2 garages</span>
                                            <a href="property-details.html" class="btn btn-primary">More Details</a>
                                        </div><!-- /.box-content -->
                                    </div>
                                </div><!-- /.row -->
                            </div><!-- /.container -->
                        </div><!-- /.carousel-item -->
                        <div class="carousel-item">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-6 align-self-center">
                                        <div class="banner-text">
                                            <h1 data-animation="animated fadeInUp">Luxury Mansion</h1>
                                            <p data-animation="animated fadeInUp">9002 Lakes Bulevard, West Palm Beach, 33412 Florida, US</p>
                                            <a href="#" class="btn btn-transparent" data-animation="animated fadeInUp">Get More Information</a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="box-content" data-animation="animated fadeInDown">
                                            <h2>$2.235.000</h2>
                                            <span>2 living rooms, 4 bedrooms</span>
                                            <span>3 bathrooms, 2 garages</span>
                                            <a href="property-details.html" class="btn btn-primary">More Details</a>
                                        </div><!-- /.box-content -->
                                    </div>
                                </div><!-- /.row -->
                            </div><!-- /.container -->
                        </div><!-- /.carousel-item -->
                    </div>
                    <ol class="carousel-indicators">
                        <li data-target="#home-slider" data-slide-to="0" class="active">01</li>
                        <li data-target="#home-slider" data-slide-to="1">02</li>
                        <li data-target="#home-slider" data-slide-to="2">03</li>
                    </ol>
                </div><!-- /.home-slider -->
            </div><!-- /.banner-content -->
        </div><!-- /.lt-banner -->

        <div class="search-area bg-color">
            <div class="container">
                <div class="search-area-inner">
                    <h2>Search Your Property</h2>
                    <form action="#">
                        <div class="row">
                            <div class="col-md-6 col-lg-3">
                                <div class="form-group">
                                    <label>Property Type</label>
                                    <select class="form-control">
                                        <option>Select Type</option>
                                        <option>All areas</option>
                                        <option>Bayonne</option>
                                        <option>Queens</option>
                                        <option>Manhattan</option>
                                    </select>  
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="form-group">
                                    <label>Property Status</label>
                                    <select class="form-control">
                                        <option>Status Type</option>
                                        <option>For Sale</option>
                                        <option>For Rent</option>
                                    </select>  
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="form-group">
                                    <label>Your Location</label>
                                    <input type="text" class="form-control" placeholder="Your Location">
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="form-group">
                                    <label>Bedrooms</label>
                                    <select class="form-control">
                                        <option>Bedrooms</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>  
                                </div>
                            </div>
                        </div><!-- /.row -->
                        <div class="row">
                            <div class="col-md-6 col-lg-3">
                                <div class="form-group">
                                    <label>Bathrooms</label>
                                    <select class="form-control">
                                        <option>Bathrooms</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>  
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="slider-range">
                                    <label>Price Range</label>
                                    <div class="price_slider_amount">
                                        <input type="text" id="amount">
                                    </div>     
                                    <div id="price_slider"></div>                               
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <div class="slider-range">
                                    <label>Area</label>
                                    <div class="area_slider_amount">
                                        <input type="text" id="area_amount">
                                    </div>   
                                    <div id="area_slider"></div>                                 
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-3 align-self-end">
                                <div class="button">
                                    <input type="submit" value="Search" class="btn btn-primary">
                                </div>
                            </div>
                        </div><!-- /.row -->
                    </form>
                    <button type="button" data-toggle="collapse" data-target="#check-box-collapse" aria-expanded="false" aria-controls="check-box-collapse" class="collapsed collapsed-btn">More Search Option <span class="ml-2"><i class="fa fa-angle-down"></i></span></button>
                    <div class="collapse" id="check-box-collapse">
                        <form action="#" class="check-box-form">
                            <div class="check-box">
                                <input type="radio" name="features" id="features">
                                <label for="features">Features</label>                                
                            </div>
                            <div class="check-box">
                                <input type="radio" name="balcony" id="balcony">
                                <label for="balcony">Balcony</label>                                
                            </div>
                            <div class="check-box">
                                <input type="radio" name="gas-heat" id="gas-heat">
                                <label for="gas-heat">Gas Heat</label>                                
                            </div>
                            <div class="check-box">
                                <input type="radio" name="washer-dryer" id="washer-dryer">
                                <label for="washer-dryer">Washer, Dryer</label>                                
                            </div>
                            <div class="check-box">
                                <input type="radio" name="tv-cable" id="tv-cable">
                                <label for="tv-cable">TV Cable</label>                                
                            </div>
                            <div class="check-box">
                                <input type="radio" name="swimming-pool" id="swimming-pool">
                                <label for="swimming-pool">Swimming Pool</label>                                
                            </div>
                            <div class="check-box">
                                <input type="radio" name="home-theater" id="home-theater">
                                <label for="home-theater">Home Theater</label>                                
                            </div>
                        </form>
                    </div>
                </div><!-- /.search-area-inner -->
            </div><!-- /.container -->
        </div><!-- /.search-area -->

        <div class="lt-section">
            <div class="section-content featured-content section-padding bg-image" style="background-image: url(static/image/featured-bg.jpg);">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Featured Properties</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="featured-text">
                                <h2>Super Delux Home</h2>
                                <p>Credibly syndicate extensible schemas via emerging niches. Credibly utilize covalent networks whereas error-free e-commerce. Proactively brand functional innovation for client-focused core competencies.</p>
                                <div class="meta">
                                    <ul class="global-list">
                                        <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                        <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                        <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                        <li><span><img src="static/picture/icon10.png" alt="Image" class="img-fluid"></span>2 Garage</li>
                                    </ul>
                                </div>
                                <a href="#" class="btn btn-primary">Get More Info</a>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="featured-slider">
                                <div class="property">
                                    <div class="thumb">
                                        <img src="static/picture/featured-thumb.jpg" alt="Image" class="img-fluid">
                                        <div class="overlay">
                                            <div class="d-flex map-location justify-content-between">
                                                <div class="left-content">
                                                    <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                    <span>8514 W. Pennington St</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- /.property -->
                                <div class="property">
                                    <div class="thumb">
                                        <img src="static/picture/featured-thumb.jpg" alt="Image" class="img-fluid">
                                        <div class="overlay">
                                            <div class="d-flex map-location justify-content-between">
                                                <div class="left-content">
                                                    <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                    <span>8514 W. Pennington St</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- /.property -->
                            </div><!-- /.featured-slider -->
                        </div>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content section-padding">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Recently Added</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div><!-- /.title-center -->
                    <div class="row">
                        <div class="col-md-6 col-lg-4">
                            <div class="property">
                                <div class="thumb">
                                    <img src="static/picture/16.jpg" alt="Image" class="img-fluid">
                                    <div class="overlay">
                                        <div class="property-status">
                                            <a href="#">Rent</a>
                                        </div>
                                        <div class="icons">
                                            <ul class="global-list">
                                                <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                                <li><a href="static/picture/16.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="d-flex map-location justify-content-between">
                                            <div class="left-content">
                                                <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                <span>8514 W. Pennington St</span>
                                            </div>
                                            <div class="heart-iocn">
                                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="property-info">
                                    <div class="info-top">
                                        <h2><a href="property-details.html">The Quest Strom Architects modern house</a></h2>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="property-footer d-flex justify-content-between">
                                        <div class="author d-flex">
                                            <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                            <span class="align-self-center">Anricia Socibalia</span>
                                        </div><!-- /.author -->
                                        <div class="price align-self-center">
                                            <h3>$4,500/m</h3>
                                        </div>
                                    </div><!-- /.property-footer -->
                                </div><!-- /.property-info -->
                            </div><!-- /.property -->
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="property">
                                <div class="thumb">
                                    <img src="static/picture/21.jpg" alt="Image" class="img-fluid">
                                    <div class="overlay">
                                        <div class="property-status">
                                            <a href="#">Rent</a>
                                        </div>
                                        <div class="icons">
                                            <ul class="global-list">
                                                <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                                <li><a href="static/picture/21.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="d-flex map-location justify-content-between">
                                            <div class="left-content">
                                                <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                <span>8205 Myers Dr</span>
                                            </div>
                                            <div class="heart-iocn">
                                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="property-info">
                                    <div class="info-top">
                                        <h2><a href="property-details.html">Dramatically e-enable e-business results</a></h2>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="property-footer d-flex justify-content-between">
                                        <div class="author d-flex">
                                            <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                            <span class="align-self-center">Anricia Socibalia</span>
                                        </div><!-- /.author -->
                                        <div class="price align-self-center">
                                            <h3>$4,500/m</h3>
                                        </div>
                                    </div><!-- /.property-footer -->
                                </div><!-- /.property-info -->
                            </div><!-- /.property -->
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="property">
                                <div class="thumb">
                                    <img src="static/picture/31.jpg" alt="Image" class="img-fluid">
                                    <div class="overlay">
                                        <div class="property-status">
                                            <a href="#">Rent</a>
                                        </div>
                                        <div class="icons">
                                            <ul class="global-list">
                                                <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                                <li><a href="static/picture/31.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="d-flex map-location justify-content-between">
                                            <div class="left-content">
                                                <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                <span>7070 strong Ave.  VA 22015</span>
                                            </div>
                                            <div class="heart-iocn">
                                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="property-info">
                                    <div class="info-top">
                                        <h2><a href="property-details.html">Synergistically mesh go forward potentialities</a></h2>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="property-footer d-flex justify-content-between">
                                        <div class="author d-flex">
                                            <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                            <span class="align-self-center">Anricia Socibalia</span>
                                        </div><!-- /.author -->
                                        <div class="price align-self-center">
                                            <h3>$4,500/m</h3>
                                        </div>
                                    </div><!-- /.property-footer -->
                                </div><!-- /.property-info -->
                            </div><!-- /.property -->
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="property">
                                <div class="thumb">
                                    <img src="static/picture/41.jpg" alt="Image" class="img-fluid">
                                    <div class="overlay">
                                        <div class="property-status">
                                            <a href="#">Rent</a>
                                        </div>
                                        <div class="icons">
                                            <ul class="global-list">
                                                <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                                <li><a href="static/picture/41.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="d-flex map-location justify-content-between">
                                            <div class="left-content">
                                                <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                <span>7462 Meadow Street</span>
                                            </div>
                                            <div class="heart-iocn">
                                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="property-info">
                                    <div class="info-top">
                                        <h2><a href="property-details.html">Compellingly empower goal-oriented</a></h2>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="property-footer d-flex justify-content-between">
                                        <div class="author d-flex">
                                            <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                            <span class="align-self-center">Anricia Socibalia</span>
                                        </div><!-- /.author -->
                                        <div class="price align-self-center">
                                            <h3>$4,500/m</h3>
                                        </div>
                                    </div><!-- /.property-footer -->
                                </div><!-- /.property-info -->
                            </div><!-- /.property -->
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="property">
                                <div class="thumb">
                                    <img src="static/picture/51.jpg" alt="Image" class="img-fluid">
                                    <div class="overlay">
                                        <div class="property-status">
                                            <a href="#">Rent</a>
                                        </div>
                                        <div class="icons">
                                            <ul class="global-list">
                                                <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                                <li><a href="static/picture/51.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="d-flex map-location justify-content-between">
                                            <div class="left-content">
                                                <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                <span>764 West Wall Avenue</span>
                                            </div>
                                            <div class="heart-iocn">
                                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="property-info">
                                    <div class="info-top">
                                        <h2><a href="property-details.html">Distinctively embrace professional networks</a></h2>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="property-footer d-flex justify-content-between">
                                        <div class="author d-flex">
                                            <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                            <span class="align-self-center">Anricia Socibalia</span>
                                        </div><!-- /.author -->
                                        <div class="price align-self-center">
                                            <h3>$4,500/m</h3>
                                        </div>
                                    </div><!-- /.property-footer -->
                                </div><!-- /.property-info -->
                            </div><!-- /.property -->
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="property">
                                <div class="thumb">
                                    <img src="static/picture/61.jpg" alt="Image" class="img-fluid">
                                    <div class="overlay">
                                        <div class="property-status">
                                            <a href="#">Rent</a>
                                        </div>
                                        <div class="icons">
                                            <ul class="global-list">
                                                <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                                <li><a href="static/picture/61.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="d-flex map-location justify-content-between">
                                            <div class="left-content">
                                                <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                                <span>808 Ryan Rd. GA 30240</span>
                                            </div>
                                            <div class="heart-iocn">
                                                <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="property-info">
                                    <div class="info-top">
                                        <h2><a href="property-details.html">Proactively communicate backend innovation.</a></h2>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="property-footer d-flex justify-content-between">
                                        <div class="author d-flex">
                                            <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                            <span class="align-self-center">Anricia Socibalia</span>
                                        </div><!-- /.author -->
                                        <div class="price align-self-center">
                                            <h3>$4,500/m</h3>
                                        </div>
                                    </div><!-- /.property-footer -->
                                </div><!-- /.property-info -->
                            </div><!-- /.property -->
                        </div>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content section-padding house-amenities bg-image section-before" style="background-image: url(static/image/house-amenities.jpg);">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>House Amenities</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div>

                    <div class="amenities-content">
                        <ul class="global-list">
                            <li class="active">
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="#"><img src="static/picture/15.png" alt="img-fluid"></a></span>
                                    <div class="amenities-info align-self-center">
                                        <h2>Smart Home</h2>
                                        <p>Dynamically envisioneer cutting-edge alignments.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/24.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/33.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/43.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/52.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/62.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/72.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/82.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/92.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/10.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                            <li>
                                <div class="amenities">
                                    <span class="amenities-icon"><a href="property-details.html"><img src="static/picture/11.png" alt="img-fluid"></a></span>
                                </div>
                            </li>
                        </ul>
                    </div><!-- row -->
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content section-padding">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Our Properties</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div><!-- /.title-center -->
                    <div class="property-slider">
                        <div class="property">
                            <div class="thumb">
                                <img src="static/picture/16.jpg" alt="Image" class="img-fluid">
                                <div class="overlay">
                                    <div class="property-status">
                                        <a href="#">Rent</a>
                                    </div>
                                    <div class="icons">
                                        <ul class="global-list">
                                            <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                            <li><a href="static/picture/16.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="d-flex map-location justify-content-between">
                                        <div class="left-content">
                                            <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                            <span>8514 W. Pennington St</span>
                                        </div>
                                        <div class="heart-iocn">
                                            <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="property-info">
                                <div class="info-top">
                                    <h2><a href="property-details.html">The Quest Strom Architects modern house</a></h2>
                                    <div class="meta">
                                        <ul class="global-list">
                                            <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                            <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                            <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="property-footer d-flex justify-content-between">
                                    <div class="author d-flex">
                                        <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                        <span class="align-self-center">Anricia Socibalia</span>
                                    </div><!-- /.author -->
                                    <div class="price align-self-center">
                                        <h3>$4,500/m</h3>
                                    </div>
                                </div><!-- /.property-footer -->
                            </div><!-- /.property-info -->
                        </div><!-- /.property --> 

                        <div class="property">
                            <div class="thumb">
                                <img src="static/picture/21.jpg" alt="Image" class="img-fluid">
                                <div class="overlay">
                                    <div class="property-status">
                                        <a href="#">Rent</a>
                                    </div>
                                    <div class="icons">
                                        <ul class="global-list">
                                            <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                            <li><a href="static/picture/21.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="d-flex map-location justify-content-between">
                                        <div class="left-content">
                                            <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                            <span>8205 Myers Dr</span>
                                        </div>
                                        <div class="heart-iocn">
                                            <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="property-info">
                                <div class="info-top">
                                    <h2><a href="property-details.html">Dramatically e-enable e-business results</a></h2>
                                    <div class="meta">
                                        <ul class="global-list">
                                            <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                            <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                            <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="property-footer d-flex justify-content-between">
                                    <div class="author d-flex">
                                        <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                        <span class="align-self-center">Anricia Socibalia</span>
                                    </div><!-- /.author -->
                                    <div class="price align-self-center">
                                        <h3>$4,500/m</h3>
                                    </div>
                                </div><!-- /.property-footer -->
                            </div><!-- /.property-info -->
                        </div><!-- /.property -->

                        <div class="property">
                            <div class="thumb">
                                <img src="static/picture/31.jpg" alt="Image" class="img-fluid">
                                <div class="overlay">
                                    <div class="property-status">
                                        <a href="#">Rent</a>
                                    </div>
                                    <div class="icons">
                                        <ul class="global-list">
                                            <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                            <li><a href="static/picture/31.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="d-flex map-location justify-content-between">
                                        <div class="left-content">
                                            <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                            <span>7070 strong Ave.  VA 22015</span>
                                        </div>
                                        <div class="heart-iocn">
                                            <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="property-info">
                                <div class="info-top">
                                    <h2><a href="property-details.html">Synergistically mesh go forward potentialities</a></h2>
                                    <div class="meta">
                                        <ul class="global-list">
                                            <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                            <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                            <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="property-footer d-flex justify-content-between">
                                    <div class="author d-flex">
                                        <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                        <span class="align-self-center">Anricia Socibalia</span>
                                    </div><!-- /.author -->
                                    <div class="price align-self-center">
                                        <h3>$4,500/m</h3>
                                    </div>
                                </div><!-- /.property-footer -->
                            </div><!-- /.property-info -->
                        </div><!-- /.property -->

                        <div class="property">
                            <div class="thumb">
                                <img src="static/picture/41.jpg" alt="Image" class="img-fluid">
                                <div class="overlay">
                                    <div class="property-status">
                                        <a href="#">Rent</a>
                                    </div>
                                    <div class="icons">
                                        <ul class="global-list">
                                            <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                            <li><a href="static/picture/41.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="d-flex map-location justify-content-between">
                                        <div class="left-content">
                                            <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                            <span>7462 Meadow Street</span>
                                        </div>
                                        <div class="heart-iocn">
                                            <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="property-info">
                                <div class="info-top">
                                    <h2><a href="property-details.html">Compellingly empower goal-oriented</a></h2>
                                    <div class="meta">
                                        <ul class="global-list">
                                            <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                            <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                            <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="property-footer d-flex justify-content-between">
                                    <div class="author d-flex">
                                        <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                        <span class="align-self-center">Anricia Socibalia</span>
                                    </div><!-- /.author -->
                                    <div class="price align-self-center">
                                        <h3>$4,500/m</h3>
                                    </div>
                                </div><!-- /.property-footer -->
                            </div><!-- /.property-info -->
                        </div><!-- /.property -->

                        <div class="property">
                            <div class="thumb">
                                <img src="static/picture/51.jpg" alt="Image" class="img-fluid">
                                <div class="overlay">
                                    <div class="property-status">
                                        <a href="#">Rent</a>
                                    </div>
                                    <div class="icons">
                                        <ul class="global-list">
                                            <li><a href="property-details.html"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
                                            <li><a href="static/picture/51.jpg" class="lt-popup"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="d-flex map-location justify-content-between">
                                        <div class="left-content">
                                            <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                            <span>764 West Wall Avenue</span>
                                        </div>
                                        <div class="heart-iocn">
                                            <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="property-info">
                                <div class="info-top">
                                    <h2><a href="property-details.html">Distinctively embrace professional networks</a></h2>
                                    <div class="meta">
                                        <ul class="global-list">
                                            <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                            <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                            <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="property-footer d-flex justify-content-between">
                                    <div class="author d-flex">
                                        <span class="author-thumb"><img src="static/picture/author1.png" alt="Image" class="img-fluid"></span>
                                        <span class="align-self-center">Anricia Socibalia</span>
                                    </div><!-- /.author -->
                                    <div class="price align-self-center">
                                        <h3>$4,500/m</h3>
                                    </div>
                                </div><!-- /.property-footer -->
                            </div><!-- /.property-info -->
                        </div><!-- /.property -->
                    </div><!-- /.property-slider -->
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content hot-flat-of-week bg-image section-padding" style="background-image: url(static/image/hot-flat.jpg);">
                <div class="container">
                    <div class="section-header justify-content-between d-flex">
                        <div class="hot-title">
                            <h1>Hot Of This Week</h1>    
                        </div>
                        <div class="view-all align-self-center">
                            <a href="#">View All</a>
                        </div>
                    </div>
                    <div class="hot-flat-slider">

                        <div class="hot-flat-content">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="hot-flat-info">
                                        <h2>Duplex Modern House Design</h2>
                                        <div class="d-flex map-location">
                                            <span class="map-icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                            <span>8514 W. Pennington St</span>
                                        </div>                                        
                                        <p>Continually promote business scenarios and innovative communities. Objectively strategize front-end.</p>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                                <li><span><img src="static/picture/icon10.png" alt="Image" class="img-fluid"></span>2 Garage</li>
                                            </ul>
                                        </div>
                                        <h3><small>From</small> $237,600</h3>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="hot-flat">
                                        <div class="hot-flat-thumb">
                                            <img src="static/picture/110.jpg" alt="Flat Image" class="img-fluid">
                                        </div>
                                        <div class="hot-flat-meta justify-content-between">
                                            <div class="hot-flat-author">
                                                <span class="hot-flat-author-image">
                                                    <img src="static/picture/16.png" alt="Author Image" class="img-fluid">
                                                </span>
                                                <span class="author-name">Anricia Socibalia</span>
                                            </div>
                                            <div class="hot-flat-icons">
                                                <a href="#" class="icon"><i class="fa fa-recycle" aria-hidden="true"></i></a>
                                                <a href="#" class="icon"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- hot-flat-content -->

                        <div class="hot-flat-content">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="hot-flat-info">
                                        <h2>Duplex Modern House Design</h2>
                                        <span> <span class="icon mr-2"><i class="fa fa-map-marker"></i></span> 8514 W. Pennington St</span>
                                        <p>Continually promote business scenarios and innovative communities. Objectively strategize front-end.</p>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                                <li><span><img src="static/picture/icon10.png" alt="Image" class="img-fluid"></span>2 Garage</li>
                                            </ul>
                                        </div>
                                        <h3><small>From</small> $237,600</h3>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="hot-flat">
                                        <div class="hot-flat-thumb">
                                            <img src="static/picture/110.jpg" alt="Flat Image" class="img-fluid">
                                        </div>
                                        <div class="hot-flat-meta justify-content-between">
                                            <div class="hot-flat-author">
                                                <span class="hot-flat-author-image">
                                                    <img src="static/picture/16.png" alt="Author Image" class="img-fluid">
                                                </span>
                                                <span class="author-name">Anricia Socibalia</span>
                                            </div>
                                            <div class="hot-flat-icons">
                                                <a href="#" class="icon"><i class="fa fa-recycle" aria-hidden="true"></i></a>
                                                <a href="#" class="icon"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- hot-flat-content -->

                        <div class="hot-flat-content">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="hot-flat-info">
                                        <h2>Duplex Modern House Design</h2>
                                        <span> <span class="icon mr-2"><i class="fa fa-map-marker"></i></span> 8514 W. Pennington St</span>
                                        <p>Continually promote business scenarios and innovative communities. Objectively strategize front-end.</p>
                                        <div class="meta">
                                            <ul class="global-list">
                                                <li><span><img src="static/picture/icon7.png" alt="Image" class="img-fluid"></span>6 Badroom</li>
                                                <li><span><img src="static/picture/icon8.png" alt="Image" class="img-fluid"></span>6 Bathroom</li>
                                                <li><span><img src="static/picture/icon9.png" alt="Image" class="img-fluid"></span>6000 Sf.</li>
                                                <li><span><img src="static/picture/icon10.png" alt="Image" class="img-fluid"></span>2 Garage</li>
                                            </ul>
                                        </div>
                                        <h3><small>From</small> $237,600</h3>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="hot-flat">
                                        <div class="hot-flat-thumb">
                                            <img src="static/picture/110.jpg" alt="Flat Image" class="img-fluid">
                                        </div>
                                        <div class="hot-flat-meta justify-content-between">
                                            <div class="hot-flat-author">
                                                <span class="hot-flat-author-image">
                                                    <img src="static/picture/16.png" alt="Author Image" class="img-fluid">
                                                </span>
                                                <span class="author-name">Anricia Socibalia</span>
                                            </div>
                                            <div class="hot-flat-icons">
                                                <a href="#" class="icon"><i class="fa fa-recycle" aria-hidden="true"></i></a>
                                                <a href="#" class="icon"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- hot-flat-content -->
                    </div><!-- hot-flat-slider -->
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->     

        <div class="lt-section">
            <div class="section-content section-padding bg-color text-center">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>A Better Result Working With Reality</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div>

                    <div class="feature-content">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="feature">
                                    <div class="feature-icon">
                                        <i class="fa fa-check" aria-hidden="true"></i>
                                    </div>
                                    <h2>Find Homes First</h2>
                                    <p>Compellingly brand 24/7 e-services whereas functional potentialities. Holisticly restore parallel.</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="feature">
                                    <div class="feature-icon">
                                        <i class="fa fa-bolt" aria-hidden="true"></i>
                                    </div>
                                    <h2>Super Fast Work</h2>
                                    <p>Compellingly brand 24/7 e-services whereas functional potentialities. Holisticly restore parallel.</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="feature">
                                    <div class="feature-icon">
                                        <i class="fa fa-link" aria-hidden="true"></i>
                                    </div>
                                    <h2>Give You Very Quickly</h2>
                                    <p>Compellingly brand 24/7 e-services whereas functional potentialities. Holisticly restore parallel.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section --> 
        
        <div class="lt-section">
            <div class="section-content city-content section-padding bg-image section-before" style="background-image: url(static/image/city-bg.jpg);">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Top Cities</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8">
                            <div class="city">
                                <div class="city-thumb">
                                    <img src="static/picture/18.jpg" alt="Image" class="img-fluid">
                                </div>
                                <div class="text">
                                    <h2>New York</h2>
                                    <span>15 Properties</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="city">
                                <div class="city-thumb">
                                    <img src="static/picture/23.jpg" alt="Image" class="img-fluid">
                                </div>
                                <div class="text">
                                    <h2>Germany</h2>
                                    <span>18 Properties</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="city">
                                <div class="city-thumb">
                                    <img src="static/picture/33.jpg" alt="Image" class="img-fluid">
                                </div>
                                <div class="text">
                                    <h2>Japan</h2>
                                    <span>10 Properties</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="city">
                                <div class="city-thumb">
                                    <img src="static/picture/43.jpg" alt="Image" class="img-fluid">
                                </div>
                                <div class="text">
                                    <h2>Indonesia</h2>
                                    <span>5 Properties</span>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.row -->
                    <div class="button text-center">
                        <a href="property.html" class="btn btn-primary">View More</a>
                    </div>
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content lt-team section-padding text-center">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Team Members</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="lt-member">
                                <div class="member-thumb">
                                    <img src="static/picture/1.jpg" alt="Member Image" class="img-fluid">
                                    <span>Top Seller</span>
                                </div>                                
                                <div class="member-info">
                                    <h2><a href="agent-details.html">Angelina Maty</a></h2>
                                    <span>Broker</span>
                                    <ul class="global-list">
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                        <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="lt-member">
                                <div class="member-thumb">
                                    <img src="static/picture/2.jpg" alt="Member Image" class="img-fluid">
                                    <span>Top Seller</span>
                                </div>                                
                                <div class="member-info">
                                    <h2><a href="agent-details.html">David Smith</a></h2>
                                    <span>Broker</span>
                                    <ul class="global-list">
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                        <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="lt-member">
                                <div class="member-thumb">
                                    <img src="static/picture/3.jpg" alt="Member Image" class="img-fluid">
                                    <span>Top Seller</span>
                                </div>                                
                                <div class="member-info">
                                    <h2><a href="agent-details.html">Polo Kolpa</a></h2>
                                    <span>Broker</span>
                                    <ul class="global-list">
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                        <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div><!-- row -->                    
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content section-padding lt-testimonial bg-image text-center" style="background-image: url(static/image/testimonial.jpg);">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Testimonials</h1>
                            <p>More than 10,000 customers buy or sell a home with us each year.</p>
                        </div>
                    </div>
                    <div class="testimonial-content">
                        <div class="testimonial-slider">
                            <div class="testimonial">
                                <div class="quote-icon"><img src="static/picture/quote.png" alt="Image" class="img-fluid"></div>
                                <h2>David Smith</h2>
                                <span class="client-role">Software Engineer</span>
                                <p>Efficiently formulate viral data for error-free users. Distinctively provide access to fully tested total linkage rather than process-centric infrastructures.</p>
                            </div>

                            <div class="testimonial">
                                <div class="quote-icon"><img src="static/picture/quote.png" alt="Image" class="img-fluid"></div>
                                <h2>David Smith</h2>
                                <span class="client-role">Software Engineer</span>
                                <p>Efficiently formulate viral data for error-free users. Distinctively provide access to fully tested total linkage rather than process-centric infrastructures.</p>
                            </div>

                            <div class="testimonial">
                                <div class="quote-icon"><img src="static/picture/quote.png" alt="Image" class="img-fluid"></div>
                                <h2>David Smith</h2>
                                <span class="client-role">Software Engineer</span>
                                <p>Efficiently formulate viral data for error-free users. Distinctively provide access to fully tested total linkage rather than process-centric infrastructures.</p>
                            </div>
                        </div><!-- testimonial-slider --> 

                        <div class="testimonial-nav-slider">
                            <div class="testimonial-author">
                                <div class="author-image">
                                    <img src="static/picture/author-1.png" alt="Image" class="img-fluid">
                                </div>
                            </div><!-- /testimonial-author -->

                            <div class="testimonial-author">
                                <div class="author-image">
                                    <img src="static/picture/author-2.png" alt="Image" class="img-fluid">
                                </div>
                            </div><!-- /testimonial-author -->

                            <div class="testimonial-author">
                                <div class="author-image">
                                    <img src="static/picture/author-2.png" alt="Image" class="img-fluid">
                                </div>
                            </div><!-- /testimonial-author -->

                            <div class="testimonial-author">
                                <div class="author-image">
                                    <img src="static/picture/author-3.png" alt="Image" class="img-fluid">
                                </div>
                            </div><!-- /testimonial-author -->
                        </div><!-- testimonial-nav-slider -->                 
                    </div><!-- testimonial-content -->                  
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content section-padding fun-fact-content text-center bg-image" style="background-image: url(static/image/fun-fact.jpg);">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-lg-3">
                            <div class="fun-fact">
                                <div class="icon">
                                    <img src="static/picture/icon3.png" alt="Fun Icon" class="img-fluid">
                                </div>
                                <span><span class="counter">520</span>+</span>
                                <p>Property for Rent</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="fun-fact">
                                <div class="icon">
                                    <img src="static/picture/icon4.png" alt="Fun Icon" class="img-fluid">
                                </div>
                                <span><span class="counter">950</span>+</span>
                                <p>Property for Sale</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="fun-fact">
                                <div class="icon">
                                    <img src="static/picture/icon5.png" alt="Fun Icon" class="img-fluid">
                                </div>
                                <span><span class="counter">120</span>+</span>
                                <p>Real Estate Agents</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="fun-fact">
                                <div class="icon">
                                    <img src="static/picture/icon6.png" alt="Fun Icon" class="img-fluid">
                                </div>
                                <span><span class="counter">50</span>+</span>
                                <p>Broker House</p>
                            </div>
                        </div>
                    </div><!-- row -->
                </div><!-- container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content lt-blog section-padding bg-color">
                <div class="container">
                    <div class="title-center">
                        <div class="section-title">
                            <h1>Latest Blog</h1>
                            <div class="paragraph">
                                <p>Dramatically harness real-time portals whereas distinctive services. Conveniently seize standardized best practices.</p>
                            </div>
                        </div>
                    </div><!-- /.title-center -->                    
                    <div class="blog-slider">
                        <div class="tl-post">
                            <div class="entry-header">
                                <div class="entry-thumbnail">
                                    <a href="blog-details.html"><img src="static/picture/17.jpg" alt="Image" class="img-fluid"></a>
                                </div>
                            </div>                               
                            <div class="entry-content">
                                <div class="entry-meta">
                                    <ul class="global-list">
                                        <li><a href="#"><span class="mr-1 fa fa-clock-o"></span> 22 May 2023</a></li>
                                    </ul>
                                </div>        
                                <h2 class="entry-title"><a href="blog-details.html">Dramatically leverage</a></h2>
                                <p>Credibly incentivize diverse manufactured products through transparent.</p>   
                                <a class="read-more" href="blog-details.html">View More <span class="fa fa-arrow-right"></span></a>
                            </div>
                        </div><!-- /.tl-post  --> 
                        <div class="tl-post">
                            <div class="entry-header">
                                <div class="entry-thumbnail">
                                    <a href="blog-details.html"><img src="static/picture/22.jpg" alt="Image" class="img-fluid"></a>
                                </div>
                            </div>                               
                            <div class="entry-content">
                                <div class="entry-meta">
                                    <ul class="global-list">
                                        <li><a href="#"><span class="mr-1 fa fa-clock-o"></span> 22 May 2023</a></li>
                                    </ul>
                                </div>        
                                <h2 class="entry-title"><a href="blog-details.html">Interactively actualize</a></h2>
                                <p>Credibly incentivize diverse manufactured products through transparent.</p>   
                                <a class="read-more" href="blog-details.html">View More <span class="fa fa-arrow-right"></span></a>
                            </div>
                        </div><!-- /.tl-post  -->    
                        <div class="tl-post">
                            <div class="entry-header">
                                <div class="entry-thumbnail">
                                    <a href="blog-details.html"><img src="static/picture/32.jpg" alt="Image" class="img-fluid"></a>
                                </div>
                            </div>                               
                            <div class="entry-content">
                                <div class="entry-meta">
                                    <ul class="global-list">
                                        <li><a href="#"><span class="mr-1 fa fa-clock-o"></span> 22 May 2023</a></li>
                                    </ul>
                                </div>        
                                <h2 class="entry-title"><a href="blog-details.html">Collaboratively iterate</a></h2>
                                <p>Credibly incentivize diverse manufactured products through transparent.</p>   
                                <a class="read-more" href="blog-details.html">View More <span class="fa fa-arrow-right"></span></a>
                            </div>
                        </div><!-- /.tl-post  -->  
                        <div class="tl-post">
                            <div class="entry-header">
                                <div class="entry-thumbnail">
                                    <a href="blog-details.html"><img src="static/picture/17.jpg" alt="Image" class="img-fluid"></a>
                                </div>
                            </div>                               
                            <div class="entry-content">
                                <div class="entry-meta">
                                    <ul class="global-list">
                                        <li><a href="#"><span class="mr-1 fa fa-clock-o"></span> 22 May 2023</a></li>
                                    </ul>
                                </div>        
                                <h2 class="entry-title"><a href="blog-details.html">Collaboratively iterate</a></h2>
                                <p>Credibly incentivize diverse manufactured products through transparent.</p>   
                                <a class="read-more" href="blog-details.html">View More <span class="fa fa-arrow-right"></span></a>
                            </div>
                        </div><!-- /.tl-post  -->                          
                    </div><!-- /.blog-slider -->
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="lt-section">
            <div class="section-content section-padding text-center">
                <div class="container">
                    <div class="tl-brand">
                        <div class="brand-slider">
                            <div class="brand">
                                <img src="static/picture/13.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/22.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/31.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/4.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/13.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/22.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/31.png" alt="Brand Image" class="img-fluid">
                            </div>
                            <div class="brand">
                                <img src="static/picture/4.png" alt="Brand Image" class="img-fluid">
                            </div>
                        </div><!-- /.brand-slider -->
                    </div><!-- /.tl-brand -->                    
                </div><!-- /.container -->
            </div><!-- /.section-content -->
        </div><!-- /.lt-section -->

        <div class="tl-footer">
            <div class="footer-content bg-image" style="background-image: url(static/image/footer.jpg);">
                <div class="container">
                    <div class="footer-top">
                        <div class="newsletter justify-content-between">
                            <h3>Subscribe Our Newsletter</h3>
                            <form action="#">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Enter Your E-mail">
                                    <input type="submit" class="btn btn-primary" value="Subscribe Now">
                                </div>
                            </form>
                        </div>
                    </div><!-- /.footer-top -->

                    <div class="footer-middle">
                        <div class="row">
                            <div class="col-md-8 col-lg-4">
                                <div class="footer-widget">
                                    <div class="footer-logo">
                                        <img src="static/picture/logo.png" alt="Logo" class="img-fluid">
                                    </div>
                                    <p>Holisticly aggregate compelling ROI before out-of-the-box benefits. Efficiently create cross functional paradigms without an expanded array of testing procedures.</p>
                                    <span class="phone-number"><a href="tel:990085627586"> <span class="mr-2 fa fa-phone"></span> 9900 - 8562 - 7586</a></span>
                                </div><!-- /.footer-widget -->
                            </div>
                            <div class="col-md-4 col-lg-2">
                                <div class="footer-widget">
                                    <h3>Navigation</h3>
                                    <ul class="global-list">
                                        <li><a href="about.html">About Us</a></li>
                                        <li><a href="property.html">Properties</a></li>
                                        <li><a href="team.html">Agents</a></li>
                                        <li><a href="property-submit.html">Submit Property</a></li>
                                        <li><a href="blog.html">News</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div><!-- /.footer-widget -->
                            </div>
                            <div class="col-md-8 col-lg-3">
                                <div class="footer-widget">
                                    <h3>Recent Post</h3>
                                    <div class="tl-post">
                                        <div class="entry-header">
                                            <div class="entry-thumbnail">
                                                <a href="blog-details.html"><img src="static/picture/12.png" alt="Image" class="img-fluid"></a>
                                            </div>
                                        </div>                               
                                        <div class="entry-content align-self-center">          
                                            <h2 class="entry-title"><a href="blog-details.html">Completely aggregate maintainable.</a></h2>
                                            <div class="entry-meta">
                                                <ul class="global-list">
                                                    <li>20 May 2019</li>
                                                </ul>
                                            </div>  
                                        </div>
                                    </div><!-- /.tl-post --> 

                                    <div class="tl-post">
                                        <div class="entry-header">
                                            <div class="entry-thumbnail">
                                                <a href="blog-details.html"><img src="static/picture/21.png" alt="Image" class="img-fluid"></a>
                                            </div>
                                        </div>                               
                                        <div class="entry-content align-self-center">          
                                            <h2 class="entry-title"><a href="blog-details.html">Completely aggregate maintainable.</a></h2>
                                            <div class="entry-meta">
                                                <ul class="global-list">
                                                    <li>20 May 2019</li>
                                                </ul>
                                            </div>  
                                        </div>
                                    </div><!-- /.tl-post --> 
                                </div><!-- /.footer-widget -->
                            </div>
                            <div class="col-md-4 col-lg-3">
                                <div class="footer-widget">
                                    <h3>Property Cities</h3>
                                    <ul class="global-list">
                                        <li><a href="property.html">New York</a></li>
                                        <li><a href="property.html">Sydney</a></li>
                                        <li><a href="property.html">Dubai</a></li>
                                        <li><a href="property.html">Austin</a></li>
                                        <li><a href="property.html">Japan</a></li>
                                        <li><a href="property.html">Quatar</a></li>
                                    </ul>
                                </div><!-- /.footer-widget -->
                            </div>
                        </div><!-- /.row -->
                    </div><!-- /.footer-middle -->

                    <div class="footer-bottom clearfix">
                        <div class="d-flex justify-content-between">
                            <div class="left-content">
                                <span>Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                            </div>
                            <div class="right-content">
                                <ul class="global-list d-flex">
                                    <li><a href="#">Privacy</a></li>
                                    <li><a href="#">Terms & Condition</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>            
                        </div>             
                    </div><!-- /.footer-bottom -->                      
                </div><!-- /.container -->              
            </div><!-- /.footer-content -->
        </div><!-- /.tl-footer -->     

        <!-- JS -->
        <script src="static/js/jquery-3.6.0.min.js"></script>
        <script src="static/js/popper.min.js"></script>
        <script src="static/js/bootstrap.min1.js"></script>
        <script src="static/js/magnific-popup.min.js"></script>
        <script src="static/js/slick.min.js"></script>
        <script src="static/js/counterup.min.js"></script>
        <script src="static/js/waypoints.min.js"></script>
        <script src="static/js/jquery-ui-min.js"></script>
        <script src="static/js/jquery.nice-select.min.js"></script>
        <script src="static/js/theia-sticky-sidebar.min.js"></script>
        <script src="static/js/main1.js"></script>  
    </body>
</html> 